<?php $title="活动详情"; $link="activity.css"; @include "../head.php"; ?>
<!-- search start -->
<div class="activity-search clearfix">
  <h2 class="fn-left">同城活动</h2>
  <div class="fn-left red-bt act-city">杭州<i class="ui-angle-down-g"></i></div>
  <ul class="fn-left act-titles">
    <li><a href="#" class="red-t">全部活动</a></li>
    <li><a href="#" class="red-t">我的同城</a></li>
  </ul>
  <div class="fn-right act-search">
    <div class="ui-button ui-button-gray fn-left"> <a class="ui-button-text" href="#"><span class="ui-button-icon icon-activity"></span>创建活动</a> </div>
    <form>
      <div class="txt-search fn-right">
        <input type="text" value="" class="txt-s" />
        <input type="submit" value="搜索" class="btn-s" />
      </div>
    </form>
  </div>
</div>
<!-- search end -->
<div class="layout grid-m0s220 pt-20">
  <div class="col-main">
    <div class="main-wrap">  
	<!--start-->
	<div class="activity-survey">
		<div class="imgBox img220-320"><a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="220" height="320" alt="" /></a></div>
		<h2>那些年，我们一起追的女孩</h2>
		<p>时&nbsp;&nbsp;间：  7月31日 至 8月20日 每天 19:30 - 22:00 </P>   
		<p>地&nbsp;&nbsp;点：  杭州 西湖区 四眼井58号</P>
		<p>截&nbsp;&nbsp;止：  7月31日 22:00 </P>
		<p>人&nbsp;&nbsp;数：  50</P>
		<p>费&nbsp;&nbsp;用：免费</P>
		<p>类&nbsp;&nbsp;型：<span class="red-t">生活</span></P>
		<p>发起人： <span class="red-t">生活</span></P>
		<div class="fn-bl font-14">
		<p class="pb-10"><strong>31</strong> 人感兴趣    <strong class="ml-10">9</strong> 人参加</p>
		<div>
		<div class="ui-button ui-button-gray"> <span class="ui-button-text fn-pd15">已感兴趣</span></div>
		<div class="ui-button ui-button-gray ml-10"> <a class="ui-button-text fn-pd15" href="#">退出活动</a></div>
		</div>
		</div>		
		<div class="ui-button ui-button-gray fn-br"> <a class="ui-button-text fn-pd15" href="#"><span class="ui-button-icon icon-addfirend"></span>邀请好友</a></div>
	</div>
	<!-- end -->
	<!--start-->	
	<div class="block-hr activity-details">
	<h2 class="block-hr-hd">活动详情</h2>
	<div class="block-hr-bd">
	<p>浙江卫视中国蓝 “梦想三部曲”第一部自制都市青春励志大剧《无懈可击之蓝色梦想》7月31日起登陆浙江卫视“中国蓝剧场”“梦想三部曲”第一部自制都市青春励志大剧《无懈可击之蓝色梦想》7月31日起登陆浙江卫视“中国蓝剧场”“梦想三部曲”第一部自制都市青春励志大剧《无懈可击之蓝色梦想》7月31日起登陆浙江卫视“中国蓝剧场” </p>
	<p>浙江卫视中国蓝 “梦想三部曲”第一部自制都市青春励志大剧《无懈可击之蓝色梦想》7月31日起登陆浙江卫视“中国蓝剧场”</p>
	<p>浙江卫视中国蓝 “梦想三部曲”第一部自制都市青春励志大剧《无懈可击之蓝色梦想》7月31日起登陆浙江卫视“中国蓝剧场”</p>
	</div>
	</div>
	<!--end-->
	<!--start-->
	<div class="block-hr activity-photo">
		<h2 class="block-hr-hd">活动照片<span class="black-t">(<a href="#" target="_blank" class="red-t">全部照片</a>)</span></h2>
		<div class="block-hr-bd">
			<ul class="clearfix activity-photos">
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
				<li><img src="../assets/images/other/img.jpg" width="165" height="165" alt="" /></li>
			</ul>
		</div>
		<div class="block-hr-ft">
			<div class="ui-button ui-button-gray"> <a class="ui-button-text fn-pd15" href="#"><span class="ui-button-icon icon-upimg"></span>上传照片</a></div>
		</div>
	</div>
	<!-- end -->
	<!--start-->	
	<div class="block-hr">
	<h2 class="block-hr-hd">这个活动我有话我</h2>
	<div class="block-hr-bd">
	<div class="activity-discuss">
		<div class="activity-discuss-hd">
		<ul>
		<li class="active">最新发言</li>
		<li><a href="#" class="red-t">只看有照片的</a></li>
		</ul>
		</div>
		<div class="activity-discuss-bd">
		11
		</div>
	</div>
	</div>
	</div>
	<!--end-->
    </div>
  </div>
  <div class="col-sub">   
 <!--start-->
    <div class="block-ftr">
      <h2 class="block-ftr-hd">活动地图<span class="font-12">(<a href="#" target="_blank" class="red-t">查看大地图</a>)</span></h2>
      <div class="block-ftr-bd">
        ……
      </div>
    </div>
    <!--end-->  
  <!--start-->
    <div class="block-ftr excellent-promoters">
      <h2 class="block-ftr-hd">活动发起人</h2>
      <div class="block-ftr-bd">
        <ul class="list-lif listlif40-40">
            <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>                   
        </ul>
      </div>
    </div>
    <!--end-->
	<!--start-->
    <div class="block-ftr excellent-promoters">
      <h2 class="block-ftr-hd">活动成员<span class="font-12">(<span class="red-t">9个参与</span>·21个感兴趣)</span></h2>
      <div class="block-ftr-bd">
        <ul class="list-lif listlif40-40">
            <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>    
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  
 <li>
                <a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="40" height="40" alt="" /></a>    
            </li>  			
        </ul>
      </div>
    </div>
    <!--end-->
     <!--start-->
    <div class="block-ftr">
      <h2 class="block-ftr-hd">系列活动<span class="font-12">（<a href="#" class="red-t">更多</a>）</span></h2>
      <div class="block-ftr-bd">
        <ul class="listStyle list70-90">
          <li>
            <div class="imgBox img70-90"><a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="70" height="90" alt="" /></a></div>
            <h3><a href="#" target="_blank" class="red-14t">我们一起追的女孩</a></h3>
            <p>5个活动</p>
            <p>发起人名</p>
          </li>
		  <li>
            <div class="imgBox img70-90"><a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="70" height="90" alt="" /></a></div>
            <h3><a href="#" target="_blank" class="red-14t">我们一起追的女孩</a></h3>
            <p>5个活动</p>
            <p>发起人名</p>
          </li>
		  <li>
            <div class="imgBox img70-90"><a href="#" target="_blank"><img src="../assets/images/other/img.jpg" width="70" height="90" alt="" /></a></div>
            <h3><a href="#" target="_blank" class="red-14t">我们一起追的女孩</a></h3>
            <p>5个活动</p>
            <p>发起人名</p>
          </li>
        </ul>
      </div>  
    </div>
    <!--end-->
    <p class="gray-t"><a href="#" target="_blank" class="gray-t">设置</a>&nbsp;&middot;&nbsp;<a href="#" target="_blank" class="gray-t">帮助</a>&nbsp;&middot;&nbsp;<a href="#" target="_blank" class="gray-t">发送反馈</a></p>
  </div>
</div>
<?php @include "../foot.php"; ?>
